diff --git a/src/app/App.tsx b/src/app/App.tsx
index 8710096e..a1d77619 100644
--- a/src/app/App.tsx
+++ b/src/app/App.tsx
@@ -51,7 +51,7 @@ function App(): JSX.Element {
                     }
                 >
                     <Editor />
-                    <div className="terminal-padding h-100">
+                    <div className="pb-app-terminal-padding h-100">
                         <Terminal />
                     </div>
                 </SplitterLayout>
diff --git a/src/app/app.scss b/src/app/app.scss
index 5c31d332..b8f24411 100644
--- a/src/app/app.scss
+++ b/src/app/app.scss
@@ -22,11 +22,11 @@
     background-color: $pt-app-background-color;
 }
 
-.#{$ns}-dark .terminal-padding {
+.#{$ns}-dark .pb-app-terminal-padding {
     background-color: black;
 }
 
-.terminal-padding {
+.pb-app-terminal-padding {
     padding-left: 10px;
 }